<template>
  <div class="box" >
    <iframe class="left-page"  src="http://localhost:8080/#/about" frameborder="0" ></iframe>
    <iframe  class="right-page" :src= pages  frameborder="0" ></iframe>
  </div>
</template>

<script>
export default {
  
  name: '',
   
  props: {},
   
  components: {},
   
  data () {
   return {
     pages:'',
   }
  },
  
  computed: {},
  
  watch: {},
  created () {},
  
  methods: {},
  
  mounted () { 
    this.pages = sessionStorage.getItem('setPageUrl')
   },
}
</script> 

<style scoped lang="less">
.box{
  width: 6000px;
  height:2160px;
  display: flex;
  .left-page {
    border: 1px solid #ccc;
    flex: 1;
  }
  .right-page {
    flex: 1;
    border: 1px solid #ccc;
  }
}
</style>